{extend name='index/base'}
{block name="head"}
  <link href="__static__/css/meihua.css" rel="stylesheet">
  <script type="text/javascript" src="/e/data/js/ajax.js"></script>

<!--    md-->
<link href="__MD__/css/editormd.min.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" />
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<!--<link rel="stylesheet" href="css/style.css" />-->
<link rel="stylesheet" href="__MD__/css/editormd.preview.css" />
{/block}


{block name="main-content"}
<nav class="navcates place">当前位置：
    <i class="icon font-home"></i>
    <a href="/">首页</a>&nbsp;>&nbsp;<a href="javascript:;">{$article.category_name}</a>
</nav>
<div class="row">
    <div class="main fl">
        <div class="single box-show">
            <article class="single-post">
                <header class="single-title">
                    <h1>
                        <a href="javascript:;" title="正在阅读：{$article.title}" rel="bookmark">{$article.title}</a>
                    </h1>
                    <div class="single-info">
                        <span class="single-time">
                          <i class="icon font-time"></i>{$article.created_time}
                        </span>
                        <span class="single-views">
                            <i class="icon font-eye"></i>
                            <script src=/e/public/ViewClick/?classid=6&id=157&addclick=1></script>阅读
                        </span>
                        <span class="single-comment">
                          <i class="icon font-comment"></i>
                          <a href="/dianshang/157.html#comments">
                            <script src=/e/public/ViewClick/?classid=6&id=157&down=2></script>评论</a>
                        </span>
                        <div id="font-change" class="single-font fr">
                          <span id="font-dec">
                            <a title="减小字体">
                              <i class="icon font-minus-square-o"></i>
                            </a>
                          </span>
                            <span id="font-int">
                                <a title="默认字体">
                                  <i class="icon font-font"></i>
                                </a>
                            </span>
                            <span id="font-inc">
                                <a title="增大字体">
                                  <i class="icon font-plus-square-o"></i>
                                </a>
                            </span>
                          </div>
                    </div>
                </header>
                <div class="single-entry" id="editormd-view">
                    <textarea style="display:none;" name="test-editormd-markdown-doc">{$article.content}</textarea>
                </div>

                <footer class="entry-footer">
                    {volist name="tags" id="vo"}
                    <div class="post-tags">
                        <a href="javascript:;" target="_blank">{$vo.name}</a>
                    </div>
                    {/volist}
                </footer>

                <div>
                    <img src="__STATIC__/index/images/gongzhong.jpg" alt="公众号">
                </div>
                <div class="statement yc">文章版权声明：除非注明，否则均为
                    <span class="red">微客鸟窝</span>原创文章，转载或复制请以超链接形式并注明出处。
                </div>
            </article>

            <nav class="single-nav">
                <div class="entry-page-prev j-lazy" style="background-image: url({$prev.pic});width: 42%;{empty name="prev"}visibility:hidden;{/empty}">
                    <a href="{:url('detail/')}{$prev.id}" title="{$prev.title}"><span>{$prev.title}</span></a>
                    <div class="entry-page-info">
                        <span class="pull-left">« 上一篇</span>
                        <span class="pull-right">{$prev.created_time|date='Y-m-d'}</span>
                    </div>
                </div>
                <div class="entry-page-prev j-lazy"
                     style="background-image: url({$next.pic});width: 42%;float: right;{empty name="next"}visibility:hidden;{/empty}">
                    <a href="{:url('detail/')}{$next.id}" title="{$next.title}">
                        <span>{$next.title}</span></a>
                    <div class="entry-page-info">
                        <span class="pull-left">» 下一篇</span>
                        <span class="pull-right">{$next.created_time|date='Y-m-d'}</span>
                    </div>
                </div>
            </nav>

        </div>

<!--        <div class="part-mor box-show">-->
<!--            &lt;!&ndash;相关文章 广告位&ndash;&gt;-->
<!--            <h3 class="section-title">-->
<!--                <span>相关阅读</span></h3>-->
<!--            <ul class="section-cont-tags pic-box-list clearfix">-->
<!--                <li>-->
<!--                    <a href="/dianshang/157.html">-->
<!--                        <i class="pic-thumb">-->
<!--                            <img class="lazy"-->
<!--                                 src="/d/file/p/2020/05-11/264d2e177fb6bae697286aee405be651.jpg"-->
<!--                                 alt="iPhone 9现身韩国电信零售店预约海报" title="iPhone 9现身韩国电信零售店预约海报"></i>-->
<!--                        <h3>iPhone 9现身韩国电信零售店预约海报</h3>-->
<!--                        <p>-->
<!--                            <b class="datetime">2020-02-08</b>-->
<!--                            <span class="viewd">6600 人在看</span></p>-->
<!--                    </a>-->
<!--                </li>-->
<!--            </ul>-->
<!--        </div>-->

        <section id="comments" class="box-show">
            <!--评论框-->
            <div id="comt-respond" class="commentpost wow fadeInDown">
                <h4>发表评论
                    <span>
                        <a rel="nofollow" id="cancel-reply" href="#comment" style="display:none;">
                        <small>取消回复</small></a>
                    </span>
                </h4>
                <!-- 评论 开始 -->

                <!-- 评论 结束 -->
            </div>
            <!--评论框结束-->
            <span class="icon icon_comment" title="comment"></span>
        </section>
    </div>
    <!--博主介绍-->
    {include file="index/side" /}
</div>
<!-- <script src="js/zepto.min.js"></script>
		<script>
			var jQuery = Zepto;  // 为了避免修改flowChart.js和sequence-diagram.js的源码，所以使用Zepto.js时想支持flowChart/sequenceDiagram就得加上这一句
		</script> -->
<!--<script src="js/jquery.min.js"></script>-->
<script src="__MD__/lib/marked.min.js"></script>
<script src="__MD__/lib/prettify.min.js"></script>

<script src="__MD__/lib/raphael.min.js"></script>
<script src="__MD__/lib/underscore.min.js"></script>
<script src="__MD__/lib/sequence-diagram.min.js"></script>
<script src="__MD__/lib/flowchart.min.js"></script>
<script src="__MD__/lib/jquery.flowchart.min.js"></script>

<script src="__MD__/editormd.js"></script>
<script type="text/javascript">
    $(function() {
        var EditormdView;
        EditormdView = editormd.markdownToHTML("editormd-view", {
            //markdown        : markdown ,//+ "\r\n" + $("#append-test").text(),
            //htmlDecode      : true,       // 开启 HTML 标签解析，为了安全性，默认不开启
            htmlDecode      : "style,script,iframe",  // you can filter tags decode
            toc             : true,
            tocm            : true,    // Using [TOCM]
            tocContainer    : "#custom-toc-container", // 自定义 ToC 容器层
            //gfm             : false,
            //tocDropdown     : true,
            // markdownSourceCode : true, // 是否保留 Markdown 源码，即是否删除保存源码的 Textarea 标签
            emoji           : true,
            taskList        : true,
            tex             : true,  // 默认不解析
            flowChart       : true,  // 默认不解析
            sequenceDiagram : true,  // 默认不解析
        });

        //console.log("返回一个 jQuery 实例 =>", testEditormdView);
        // 获取Markdown源码
        //console.log(testEditormdView.getMarkdown());
        //alert(testEditormdView.getMarkdown());

    });
</script>
{/block}



